view {
    font-family: PingFangSC-Regular, PingFang SC;
}

page {
    background-color: #F2F6FC;
}

.page {
    .coupon-wrap {
        width: 702rpx;
        height: 211rpx;
        display: flex;
        position: relative;
        align-items: center;
        margin: 0 auto;
        margin-bottom: 24rpx;
        border-radius: 24rpx;
        background-image: url(https://res.jiuzhang-cloud.com/jzy-oss/upload/image/dti-hospital/ic_coupon_bg.png);
        background-size: 100% 100%;
        box-shadow: 0rpx 4rpx 16rpx 0rpx #E5E5E5;

        .coupon-value-wrap {
            display: flex;
            flex-direction: column;
            justify-content: center;
            align-items: center;
            width: 216rpx;

            .coupon-value-text {
                font-size: 48rpx;
                font-family: PingFangSC-Semibold, PingFang SC;
                font-weight: 600;
                color: #FFFFFF;
            }

            .coupon-threshold-text {
                font-size: 24rpx;
                font-family: PingFangSC-Semibold, PingFang SC;
                font-weight: 600;
                color: #FFFFFF;
            }
        }

        .coupon-info-wrap {
            display: flex;
            flex-direction: column;
            justify-content: center;
            flex: 1;
            overflow: hidden;
            margin-left: 30rpx;

            .coupon-name {
                font-size: 32rpx;
                font-family: PingFangSC-Semibold, PingFang SC;
                font-weight: 600;
                color: #222222;
                margin-bottom: 24rpx;
            }

            .coupon-type {
                font-size: 24rpx;
                font-family: PingFangSC-Regular, PingFang SC;
                font-weight: 400;
                color: #B0B2B1;
            }
        }

        .coupon-choose-btn {
            width: 140rpx;
            height: 56rpx;
            border-radius: 28rpx;
            border: 2rpx solid #6E99C7;
            line-height: 56rpx;
            font-size: 24rpx;
            font-family: PingFangSC-Regular, PingFang SC;
            font-weight: 400;
            color: #6E99C7;
            text-align: center;
            margin: 0rpx 24rpx;
        }

        .coupon-on {
            image {
                width: 128rpx;
                height: 102rpx;
                margin: auto 0;
                margin-right: 20rpx;
            }
        }

        .coupon-bg {
            width: 702rpx;
            height: 211rpx;
            position: absolute;
            top: 0;
            bottom: 0;
            left: 0;
            right: 0;
        }
    }
}